<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>注册</title>
<style type="text/css">
body {
	padding-bottom: 50px;
}

.fixed {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 50px;
	background-color: #000;
	z-index: 9999;
}

.login {
	width: 60%;
	height: 100px;
	margin: 20% 100px 20% 100ox;
	border: 1px solid #3075b9;
}
</style>
<jsp:include page="top.jsp"></jsp:include>
</head>
<body>
	<div class="login">
		<div class="login-top">
			<b>注册</b> <a href="login.jsp" role="button">已有账号，立即登录</a>
		</div>
		<div class="login-input">
			<form action="${pageContext.request.contextPath }/register"  method="post">
				<table border="0">
					<tbody>
						<tr>
							<td></td>
							<td><label for="user">用户名<sup>*</sup></label></td>
							<td></td>
							<td><input type="text" id="user" name="user" required></input></td>
						</tr>
						<tr>
							<td></td>
							<td><label for="password">设置密码<sup>*</sup></label></td>
							<td></td>
							<td><input type="password" id="password1" name="password1"
								required></input></td>
						</tr>
						<tr>
							<td></td>
							<td><label for="password">确认密码<sup>*</sup></label></td>
							<td></td>
							<td><input type="password" id="password2" name="password2"
								onchange="surepassword()" required></input></td>
						</tr>
						<tr>
							<td></td>
							<td><label for="email">邮箱<sup>*</sup></label></td>
							<td></td>
							<td><input type="email" id="email" name="email" required></input></td>
						</tr>
						<tr>
							<td></td>
							<th class="remember" colspan="3"><label for="remember"><input
									type="checkbox" name="remember" value="remember" required>我已阅读并同意</label><a
								href="#" role="button">《用户注册协议》</a></th>
						</tr>
						<tr>
							<td></td>
							<th colspan="3"><input type="submit" value="立即注册"
								class="login-button"></th>
						</tr>
					</tbody>
				</table>
			</form>
		</div>
	</div>
	<div class="fixed">
		<jsp:include page="foot.jsp"></jsp:include>
	</div>
	<script type="text/javascript">
		function surepassword() {
			var p1 = $("#password1").val();
			var p2 = $("#password2").val();
			if (p1 != p2) {

				alert("密码前后输入不相符");
			}

		}
	</script>
</body>
</html>